<template>
  <div class="page-bd">
    <!-- 页面内容-->
    <div class="weui-tab">
      <div class="weui-navbar">

        <span class="weui-navbar__item weui-bar__item--on" href="#tab1">
          买入
        </span>
        <span class="weui-navbar__item" href="#tab2">
          卖出
        </span>
        <span class="weui-navbar__item" href="#tab3">
          当前订单
        </span>
        <span class="weui-navbar__item" href="#tab4">
          历史订单
        </span>
      </div>
      <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item">
          <div class="weui-cells" style="background-color: #f9f9f9;">
            <div class="weui-cell" style="background-color: #fff;">
              <div class="weui-cell__hd">
                <label class="weui-label">买入估价</label>
              </div>
              <div class="weui-cell__bd">
                <span class="fs36 fw500">32.562</span>CNY
              </div>
            </div>
            <div class="weui-cell" style="background-color: #fff;">
              <div class="weui-cell__hd">
                <label class="weui-label">买入数量</label>
              </div>
              <div class="weui-cell__bd">
                <input class="weui-input" type="text"  placeholder="请输入数量">
              </div>
              <div class="weui-cell__ft">
                DC
              </div>
            </div>
            <div class="weui-cell" style="background-color: #fff;">
              <div class="weui-cell__hd">
                <label class="weui-label">买入金额</label>
              </div>
              <div class="weui-cell__bd">
                <input class="weui-input" type="text"  placeholder="请输入金额">
              </div>
              <div class="weui-cell__ft">
                CNY
              </div>
            </div>
          </div>
          <div class="weui-btn-area mt30">
            <a href="我要买入.html" class="weui-btn weui-btn_primary">立即买入</a>
          </div>
          <div class="weui-panel weui-panel_access" style="background-color: #fff;">
            <div class="weui-panel__hd c_tlt">
              <span>市场挂单</span>
            </div>
            <div class="weui-panel__bd">
              <div class="weui-media-box weui-media-box_text pd0">
                <h4 class="weui-media-box__title">
                  <div class="weui-cell" style="padding-bottom: 0.15rem;">
                    <div class="weui-cell__hd mr15">
                      <img src="../assets/tx.jpg" alt="" class="img68">
                    </div>
                    <div class="weui-cell__bd">
                      <div class="weui-cell__bd__title">谢明华</div>
                    </div>
                    <div class="weui-cell__ft">
                      <span style="color: #282c37;">交易笔数：15</span>
                    </div>
                  </div>
                  <div class="weui-cell border-befor_none pt0" style="align-items: center;">
                    <div class="weui-cell__bd">
                      <p>单价：200.23CNY</p>
                      <p class="mt5">限额：100-200CNY</p>
                      <p class="mt5">数量：10DC</p>
                    </div>
                    <div class="weui-cell__ft">
                      <router-link to="/buy" tag="a" :class="'weui-btn weui-btn_primary weui-btn_class1'">
                        买入
                      </router-link>
                    </div>

                  </div>
                </h4>
              </div>
            </div>

          </div>
        </div>
        <div id="tab2" class="weui-tab__bd-item">
          <div class="weui-cells" style="background-color: #f9f9f9;">
            <div class="weui-cell" style="background-color: #fff;">
              <div class="weui-cell__hd">
                <label class="weui-label">卖出估价</label>
              </div>
              <div class="weui-cell__bd">
                <span class="fs36 fw500">32.562</span>CNY
              </div>
            </div>
            <div class="weui-cell" style="background-color: #fff;">
              <div class="weui-cell__hd">
                <label class="weui-label">卖出数量</label>
              </div>
              <div class="weui-cell__bd">
                <input class="weui-input" type="text"  placeholder="请输入数量">
              </div>
              <div class="weui-cell__ft">
                DC
              </div>
            </div>
            <div class="weui-cell" style="background-color: #fff;">
              <div class="weui-cell__hd">
                <label class="weui-label">兑换金额</label>
              </div>
              <div class="weui-cell__bd">
                <input class="weui-input" type="text"  placeholder="请输入金额">
              </div>
              <div class="weui-cell__ft">
                CNY
              </div>
            </div>
            <div class="weui-cell" style="background-color: #fff;">
              <div class="weui-cell__hd">
                <label class="weui-label">交易限额</label>
              </div>
              <div class="weui-cell__bd" style="white-space: nowrap;display: flex;align-items: center;">
                <span class="fs32 fw500">100</span><i class="line"></i>
                <input class="weui-input" type="text"  placeholder="请输入最高" style="flex:1;">
              </div>
              <div class="weui-cell__ft">
                CNY
              </div>
            </div>
          </div>
          <div class="weui-btn-area mt30">
            <a href="我要卖出.html" class="weui-btn weui-btn_primary">立即卖出</a>
          </div>
          <div class="weui-panel weui-panel_access" style="background-color: #fff;">
            <div class="weui-panel__hd c_tlt">
              <span>市场挂单</span>
            </div>
            <div class="weui-panel__bd">
              <div class="weui-media-box weui-media-box_text pd0">
                <h4 class="weui-media-box__title">
                  <div class="weui-cell" style="padding-bottom: 0.15rem;">
                    <div class="weui-cell__hd mr15">
                      <img src="../assets/tx.jpg" alt="" class="img68">
                    </div>
                    <div class="weui-cell__bd">
                      <div class="weui-cell__bd__title">谢明华</div>
                    </div>
                    <div class="weui-cell__ft">
                      <span style="color: #282c37;">交易笔数：15</span>
                    </div>
                  </div>
                  <div class="weui-cell border-befor_none pt0" style="align-items: center;">
                    <div class="weui-cell__bd">
                      <p>单价：200.23CNY</p>
                      <p class="mt5">限额：100-200CNY</p>
                      <p class="mt5">数量：10DC</p>
                    </div>
                    <div class="weui-cell__ft">
                      <router-link to="/sale" tag="a":class="'weui-btn weui-btn_class1'" :style="'color: #9752de;'">
                        卖出
                      </router-link>
                    </div>
                  </div>
                </h4>
              </div>

            </div>
          </div>
        </div>
        <div id="tab3" class="weui-tab__bd-item weui-tab__bd-item--active">
          <div class="weui-panel weui-panel_access" style="background-color: #fff;">
            <div class="weui-panel__bd">
              <div class="weui-media-box weui-media-box_text pd0">
                <h4 class="weui-media-box__title">
                  <div class="weui-cell" style="padding-bottom: 0.15rem;">
                    <div class="weui-cell__hd mr15">
                      <img src="../assets/tx.jpg" alt="" class="img68">
                    </div>
                    <div class="weui-cell__bd">
                      <div class="weui-cell__bd__title">谢明华</div>
                    </div>
                    <div class="weui-cell__ft">
                      <span style="color: #81879a;">2018-08-20 12:30:20</span>
                    </div>
                  </div>
                  <div class="weui-cell border-befor_none pt0" style="align-items: center;">
                    <div class="weui-cell__bd">
                      <p>成交价：200.23CNY</p>
                      <p class="mt5">交易数量：10DC</p>
                      <p class="mt5">总价：1023.12CNY</p>
                    </div>
                    <div class="weui-cell__ft">
                      <p class="color1 mb30">等待付款给卖家</p>
                      <router-link to="/mjpayment" tag="a" :class="'weui-btn weui-btn_class1 color1'">
                        付款
                      </router-link>
                    </div>
                  </div>
                </h4>
              </div>
              <div class="weui-media-box weui-media-box_text pd0">
                <h4 class="weui-media-box__title">
                  <div class="weui-cell" style="padding-bottom: 0.15rem;">
                    <div class="weui-cell__hd mr15">
                      <img src="../assets/tx.jpg" alt="" class="img68">
                    </div>
                    <div class="weui-cell__bd">
                      <div class="weui-cell__bd__title">谢明华</div>
                    </div>
                    <div class="weui-cell__ft">
                      <span style="color: #81879a;">2018-08-20 12:30:20</span>
                    </div>
                  </div>
                  <div class="weui-cell border-befor_none pt0" style="align-items: center;">
                    <div class="weui-cell__bd">
                      <p>成交价：200.23CNY</p>
                      <p class="mt5">交易数量：10DC</p>
                      <p class="mt5">总价：1023.12CNY</p>
                    </div>
                    <div class="weui-cell__ft">
                      <p class="color1 mb30">等待卖家确认收款</p>
                      <p style="height: 0.346667rem;"></p>
                    </div>
                  </div>
                </h4>
              </div>
              <div class="weui-media-box weui-media-box_text pd0">
                <h4 class="weui-media-box__title">
                  <div class="weui-cell" style="padding-bottom: 0.15rem;">
                    <div class="weui-cell__hd mr15">
                      <img src="../assets/tx.jpg" alt="" class="img68">
                    </div>
                    <div class="weui-cell__bd">
                      <div class="weui-cell__bd__title">谢明华</div>
                    </div>
                    <div class="weui-cell__ft">
                      <span style="color: #81879a;">2018-08-20 12:30:20</span>
                    </div>
                  </div>
                  <div class="weui-cell border-befor_none pt0" style="align-items: center;">
                    <div class="weui-cell__bd">
                      <p>成交价：200.23CNY</p>
                      <p class="mt5">交易数量：10DC</p>
                      <p class="mt5">总价：1023.12CNY</p>
                    </div>
                    <div class="weui-cell__ft">
                      <p class="color2 mb30">买家已打款</p>
                      <router-link to="/mjremit" tag="a" :class="'weui-btn weui-btn_primary weui-btn_class1'">
                        确认打款
                      </router-link>
                    </div>
                  </div>
                </h4>
              </div>

            </div>
          </div>
        </div>
        <div id="tab4" class="weui-tab__bd-item">
          <div class="weui-panel weui-panel_access" style="background-color: #fff;">
            <div class="weui-panel__bd">
              <div class="weui-media-box weui-media-box_text pd0">
                <h4 class="weui-media-box__title">
                  <div class="weui-cell" style="padding-bottom: 0.15rem;">
                    <div class="weui-cell__hd mr15">
                      <img src="../assets/tx.jpg" alt="" class="img68">
                    </div>
                    <div class="weui-cell__bd">
                      <div class="weui-cell__bd__title">谢明华</div>
                    </div>
                    <div class="weui-cell__ft">
                      <span style="color: #81879a;">2018-08-20 12:30:20</span>
                    </div>
                  </div>
                  <div class="weui-cell border-befor_none pt0" style="align-items: center;">
                    <div class="weui-cell__bd">
                      <p>成交价：200.23CNY</p>
                      <p class="mt5">交易数量：10DC</p>
                      <p class="mt5">总价：1023.12CNY</p>
                    </div>
                    <div class="weui-cell__ft">
                      <p class="color2 mb30">交易成功</p>
                      <p style="height: 0.346667rem;"></p>
                    </div>
                  </div>
                </h4>
              </div>
              <div class="weui-media-box weui-media-box_text pd0">
                <h4 class="weui-media-box__title">
                  <div class="weui-cell" style="padding-bottom: 0.15rem;">
                    <div class="weui-cell__hd mr15">
                      <img src="../assets/tx.jpg" alt="" class="img68">
                    </div>
                    <div class="weui-cell__bd">
                      <div class="weui-cell__bd__title">谢明华</div>
                    </div>
                    <div class="weui-cell__ft">
                      <span style="color: #81879a;">2018-08-20 12:30:20</span>
                    </div>
                  </div>
                  <div class="weui-cell border-befor_none pt0" style="align-items: center;">
                    <div class="weui-cell__bd">
                      <p>成交价：200.23CNY</p>
                      <p class="mt5">交易数量：10DC</p>
                      <p class="mt5">总价：1023.12CNY</p>
                    </div>
                    <div class="weui-cell__ft">
                      <p class="color1 mb30">订单已取消</p>
                      <p style="height: 0.346667rem;"></p>
                    </div>
                  </div>
                </h4>
              </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
  import {mapGetters} from 'vuex';
  export default {
    data() {
      return {

      }
    },
    mounted(){
      this.$store.dispatch("topstatus", true);
    },
  }
</script>

<style scoped>

</style>
